<template>
  <div class="team-area area-padding-2">
    <div class="container">

      <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
          <div class="section-headline text-center">
            <h3>Our Team member</h3>
            <p>Dummy text is also used to demonstrate the appearance of different typefaces and layouts</p>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="team-member">

          <div class="col-md-3 col-sm-4 col-xs-12">
            <div class="single-member">
              <div class="team-img">
                <a href="#">
                  <img src="/img/team/t1.jpg" alt="">
                </a>
              </div>
              <div class="team-content text-center">
                <h4><a href="#">Jackobs</a></h4>
                <p>Co-Founder</p>
                <ul class="social-icon">
                  <li><a class="facebook" href=""><i class="fa fa-facebook"></i></a></li>
                  <li><a class="twitter" href=""><i class="fa fa-twitter"></i></a></li>
                  <li><a class="instagram" href=""><i class="fa fa-instagram"></i></a></li>
                </ul>
              </div>
            </div>
          </div>
          <!-- team member-->
          <div class="col-md-3 col-sm-4 col-xs-12">
            <div class="single-member">
              <div class="team-img">
                <a href="#">
                  <img src="/img/team/t2.jpg" alt="">
                </a>
              </div>
              <div class="team-content text-center">
                <h4><a href="#">Polwall</a></h4>
                <p>web developer</p>
                <ul class="social-icon">
                  <li><a class="facebook" href=""><i class="fa fa-facebook"></i></a></li>
                  <li><a class="twitter" href=""><i class="fa fa-twitter"></i></a></li>
                  <li><a class="instagram" href=""><i class="fa fa-instagram"></i></a></li>
                </ul>
              </div>
            </div>
          </div>

          <div class="col-md-3 col-sm-4 col-xs-12">
            <div class="single-member">
              <div class="team-img">
                <a href="#">
                  <img src="/img/team/t3.jpg" alt="">
                </a>
              </div>
              <div class="team-content text-center">
                <h4><a href="#">Gonjales</a></h4>
                <p>Software developer</p>
                <ul class="social-icon">
                  <li><a class="facebook" href=""><i class="fa fa-facebook"></i></a></li>
                  <li><a class="twitter" href=""><i class="fa fa-twitter"></i></a></li>
                  <li><a class="instagram" href=""><i class="fa fa-instagram"></i></a></li>
                </ul>
              </div>
            </div>
          </div>

          <div class="col-md-3 col-sm-4 col-xs-12">
            <div class="single-member">
              <div class="team-img">
                <a href="#">
                  <img src="/img/team/t4.jpg" alt="">
                </a>
              </div>
              <div class="team-content text-center">
                <h4><a href="#">Janelia</a></h4>
                <p>Software developer</p>
                <ul class="social-icon">
                  <li><a class="facebook" href=""><i class="fa fa-facebook"></i></a></li>
                  <li><a class="twitter" href=""><i class="fa fa-twitter"></i></a></li>
                  <li><a class="instagram" href=""><i class="fa fa-instagram"></i></a></li>
                </ul>
              </div>
            </div>
          </div>

          <div class="col-md-3 col-sm-4 col-xs-12">
            <div class="single-member">
              <div class="team-img">
                <a href="#">
                  <img src="/img/team/t5.jpg" alt="">
                </a>
              </div>
              <div class="team-content text-center">
                <h4><a href="#">Andro sam</a></h4>
                <p>Software developer</p>
                <ul class="social-icon">
                  <li><a class="facebook" href=""><i class="fa fa-facebook"></i></a></li>
                  <li><a class="twitter" href=""><i class="fa fa-twitter"></i></a></li>
                  <li><a class="instagram" href=""><i class="fa fa-instagram"></i></a></li>
                </ul>
              </div>
            </div>
          </div>

          <div class="col-md-3 col-sm-4 col-xs-12">
            <div class="single-member">
              <div class="team-img">
                <a href="#">
                  <img src="/img/team/t6.jpg" alt="">
                </a>
              </div>
              <div class="team-content text-center">
                <h4><a href="#">Mickhel</a></h4>
                <p>Software developer</p>
                <ul class="social-icon">
                  <li><a class="facebook" href=""><i class="fa fa-facebook"></i></a></li>
                  <li><a class="twitter" href=""><i class="fa fa-twitter"></i></a></li>
                  <li><a class="instagram" href=""><i class="fa fa-instagram"></i></a></li>
                </ul>
              </div>
            </div>
          </div>

          <div class="col-md-3 col-sm-4 col-xs-12">
            <div class="single-member">
              <div class="team-img">
                <a href="#">
                  <img src="/img/team/t7.jpg" alt="">
                </a>
              </div>
              <div class="team-content text-center">
                <h4><a href="#">Riyella</a></h4>
                <p>Software developer</p>
                <ul class="social-icon">
                  <li><a class="facebook" href=""><i class="fa fa-facebook"></i></a></li>
                  <li><a class="twitter" href=""><i class="fa fa-twitter"></i></a></li>
                  <li><a class="instagram" href=""><i class="fa fa-instagram"></i></a></li>
                </ul>
              </div>
            </div>
          </div>

          <div class="col-md-3 col-sm-4 col-xs-12">
            <div class="single-member">
              <div class="team-img">
                <a href="#">
                  <img src="/img/team/t8.jpg" alt="">
                </a>
              </div>
              <div class="team-content text-center">
                <h4><a href="#">Rechard</a></h4>
                <p>Software developer</p>
                <ul class="social-icon">
                  <li><a class="facebook" href=""><i class="fa fa-facebook"></i></a></li>
                  <li><a class="twitter" href=""><i class="fa fa-twitter"></i></a></li>
                  <li><a class="instagram" href=""><i class="fa fa-instagram"></i></a></li>
                </ul>
              </div>
            </div>
          </div>

        </div>
      </div>

    </div>
  </div>
</template>

<script>
    export default {
        name: "OurTeam"
    }
</script>

<style scoped>

</style>
